#include("/static/themes/perfree/layout/layout.html")
#@layout()
#define css()
    <link href="/static/themes/perfree/static/lib/viewerjs/viewer.min.css" rel="stylesheet">
    <link href="/static/public/libs/highlight/styles/atom-one-light.css" rel="stylesheet">
    <link href="/static/themes/perfree/comment/comment.css?v=#(version)" rel="stylesheet">
    <link href="/static/public/css/ckEditor.css?v=#(version)" rel="stylesheet">
    <link href="/static/themes/perfree/static/css/article.css?v=#(version)" rel="stylesheet">
#end
#define content()
#if(article)
    <div class="a-container">
        <div class="a-article-title-box">
            <h2 class="a-article-title">#(article.title ??)</h2>
        </div>
        <div class="a-article-info">
            <span class="a-article-info-btn"><i class="fa fa-user-o"></i> #(article.user.userName ??)</span>
            <span class="a-article-info-btn time"><i class="fa fa-clock-o"></i> #date(article.createTime, "yyyy年MM月dd日")</span>
            <span class="a-article-info-btn"><i class="fa fa-eye"></i> #(article.viewCount ??)</span>
            <span class="a-article-info-btn"><i class="fa fa-comment-o"></i> #(article.commentCount ??)</span>
        </div>
        <article class="a-article-content" id="article-content">
            #if(article.thumbnail != null && article.thumbnail != "")
            <div class="a-article-img-box">
                <div class="a-article-img" style="background-image: url('#(article.thumbnail)');"></div>
            </div>
            #end
            <div class="a-article-content-detail ck-content" id="a-article-content-detail"> #mdToHtml(article.content ??)</div>
        </article>
    </div>
    <div class="m-comment-box">
        <div class="m-comment-box-title">
            评论
        </div>
        #include("/static/themes/perfree/comment/comment.html")
    </div>
#end
<div class="f-floor"></div>
#end
#define script()
    <script src="/static/themes/perfree/static/lib/viewerjs/viewer.min.js"></script>
    <script src="/static/public/libs/highlight/highlight.pack.js"></script>
    <script src="/static/themes/perfree/static/js/article.js?v=#(version)"></script>
    <script src="/static/themes/perfree/comment/comment.js?v=#(version)"></script>
#end